<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
	<head>
		<meta charset="utf-8">
		<title>诗园</title>
		<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap-theme.min.css}">
		<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}"/>
		<link type="text/css" rel="stylesheet" th:href="@{/js/index_css.css}" />

		<!--<script th:src="@{https://unpkg.com/axios/dist/axios.min.js}"></script>
		<script th:src="@{https://cdn.bootcss.com/qs/6.5.2/qs.min.js}"></script>-->

		<script th:src="@{/js/jquery.js}"></script>
		<script th:src="@{/bootstrap/js/bootstrap.min.js}" type="text/javascript"></script>
		<script type="text/javascript" th:src="@{/js/vue.js}"></script>
	</head>
	<body>
		<div id="container-div" class="container-fluid">
			
			<div class="row  whole-div">
				<section>
					<div class="head-info col-md-12" style="line-height: 50px;">
						<button class="btn btn-info el-btn" style="margin-left: 72%;"><a th:href="@{'http://localhost:8080/'}">主页</a></button>
						<button class="btn btn-info el-btn" style="margin-left: 20px;"><a th:href="@{'http://localhost:8080/author/contribute'}">投稿</a></button>
						<button class="btn btn-info el-btn" style="margin-left: 20px;"><a th:href="@{'http://localhost:8080/index/contact'}">联系我</a></button>
						<button class="btn btn-info el-btn" style="margin-left: 20px;"><a th:href="@{'http://localhost:8080/index/support'}">支持我</a></button>
						<a  style="margin-left: 1.25rem; font-size: small;" th:if="false" th:href="">退出登录</a>
						<a  style="margin-left: 1.25rem; font-size: small;" th:if="true" th:href="@{'http://localhost:8080/index/regist'}">加入我们</a>
					</div>
					
					<div class="col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3 el-content">
						<div class="row el-row1" >
							<form class="form-horizontal"  action="/author/login" method="post">
								<div class="form-group-md el-name" >
									<div  class="col-md-6 col-md-offset-3">
										<input id="username" name="username" class="form-control input-user" placeholder="请输入账号" />
									</div>
								</div>
								<div class="form-group-md">
									<div  class="col-md-6 col-md-offset-3 el-passwoed">
										<input id="password"  name="password" type="password" class="form-control input-password" placeholder="请输入密码" />
									</div>
								</div>
								<div class="form-group-md">
									<div  class="col-md-6 col-md-offset-3 el-remenber">
										<input id="loginBtn" type="submit" class="form-control btn btn-info " value="登录" />
									</div>
								</div>
							</form>							
						</div>
						<div class="col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3" th:if="${session.data} eq 0" >
							<label style="color: red;font-size: small">账号或者密码错误</label>
						</div>
					</div>
				</section>
			</div>
			<canvas class="canvas-el" ></canvas>
		</div>
	</body>
	
	<script type="text/javascript">
		var vm  = new Vue({
			el:"#container-div",
			data(){
				return {
                    show:false
				};
			}
		})
	</script>
</html>
